<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>播放</title>
<link href="styles/player.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="player">
	<video src="http://www.w3school.com.cn/i/movie.ogg" autoplay="autoplay"></video>
	<!--直播播放器bar条-->
	<div class="livePlayerBox">
		<div class="livePlayer">
			<div class="channelNum">999</div>
			<div class="channelType"></div>
			<div class="channelName"></div>
			<div class="programName"></div>
			<div class="nextProgram"></div>
			<div class="time"></div>
			<div class="livePlayerTimeLine">
				<div class="lineBg">
					<div class="lineBar"></div>
				</div>
				<div class="startTime"></div>
				<div class="endTime"></div>
			</div>
			<div class="livePlayerAD">
				<img src="#" />
			</div>
		</div>
	</div>
	<!--直播播放列表-->
	<div class="livePlayList">
		<div class="livePlayListTitle"></div>
		<ul>
			<li><span>001</span>湖南卫视</li>
			<li><span>002</span>江苏卫视</li>
			<li><span>003</span>江苏卫视</li>
			<li><span>004</span>江苏卫视</li>
			<li><span>005</span>江苏卫视</li>
			<li><span>006</span>江苏卫视</li>
			<li><span>007</span>江苏卫视</li>
			<li><span>008</span>江苏卫视</li>
		</ul>
	
	</div>
	<!--点播播放器bar条-->
	<div class="vodPlayerBox">
		<div class="vodPlayer">
			<ul class="btnGroup">
				<li></li>
				<li></li>
			</ul>
			<div class="vodPlayerTimeLine">
				<div class="lineBg">
					<div class="lineBar"></div>
				</div>
				<div class="startTime">00:10:00</div>
				<div class="endTime">01:30:45</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>
